博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
项目六遇到的知识点
阅读量:5328 次
发布时间:2019-06-14

本文共 2261 字,大约阅读时间需要 7 分钟。

1、小程序中从一个页面获取另一个页面的方法或值

1201653-20181224175212928-453460275.png

1201653-20181224175221247-755671158.png

  • 在项目中想要实现,点击a页面跳转到b页面,并且选中b页面的值,当回到a页面时,b页面选中的值已经在a页面中出现
  • 说的有点啰嗦,具体实现如下

a页面

您选择的是
{
{data}}

js

data:{    data: ''},/**   * 生命周期函数--监听页面显示*/onShow: function () {    this.setData({      data: wx.getStorageSync('wish')    })},goData:function(){//跳转到b页面    wx.navigateTo({      url: '../b/b'    })}

b页面

js

data: {    items: [      {  value: '变美' },      {  value: '变高' },      {  value: '变白' },      {  value: '变瘦' },      {  value: '变有钱' },      {  value: '你想多啦' },    ]  },  radioChange(e) {    var value = e.detail.value;    console.log('radio发生change事件,携带value值为:', e.detail.value)    wx.setStorageSync('wish', value);   }
  • 主要通过wx.setStorageSync同步缓存,wx.getStorageSync 同步获取实现。

方法

  • wx.getStorage(Object object) 从本地缓存中异步获取指定 key 的内容
  • wx.getStorageSync(string key) wx.getStorage 的同步版本
  • wx.getStorageInfo(Object object) 异步获取当前storage的相关信息
  • wx.getStorageInfoSync() wx.getStorageInfo 的同步版本
  • wx.setStorage(Object object)
  • 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可用。数据存储上限为 10MB。
  • wx.setStorageSync(string key, Object|string data) wx.setStorage 的同步版本
  • wx.removeStorage(Object object) 从本地缓存中移除指定 key
  • wx.removeStorageSync(string key) wx.removeStorage 的同步版本
  • wx.clearStorage(Object object) 清理本地数据缓存
  • wx.clearStorageSync() wx.clearStorage 的同步版本

  • onShow

1201653-20181224175242835-1621515019.jpg

(二)、获取input焦点改变input的border边框颜色

  • 效果图
  • 初始状态

1201653-20181227112745236-550975735.png

  • 获取焦点

1201653-20181227112755677-1069476544.png

  • 获取input焦点时变化border边框颜色,失去焦点时去掉颜色。

wxml

js

Page({    data: {        tel: '',        border: '',        img: '',        imgUrl: ''    },    onLoad"function(){        this.setData({            img: '../../assets/images/phone.png'//图片静态地址        })    },    //获取焦点    getFocus:function(){        var bgImg = '../../assets/images/data-phone.png';//带颜色的图片地址        this.setData({            imgUrl: bgImg,            img: '',            border: 'border:4px solid #0DE1A8'        })    },    //失去焦点    getBlur:function(){        this.setData({            imgUrl: '',            img: '../../assets/images/phone.png',            border: ''        })    }})
  • 完成,写法我觉得有点麻烦,哪位大神有好的方法请多指教,嘿嘿估计也没人看

转载于:https://www.cnblogs.com/DCL1314/p/10170071.html

你可能感兴趣的文章
无线通信基础(一):无线网络演进
查看>>
如何在工作中快速成长?阿里资深架构师给工程师的10个简单技巧
查看>>
WebSocket 时时双向数据,前后端(聊天室)
查看>>
关于cocoa 运行时runtime
查看>>
关于python中带下划线的变量和函数 的意义
查看>>
asp.net 写入excel时,不能更新。数据库或对象为只读。
查看>>
linux清空日志文件内容 (转)
查看>>
jsp中对jstl一些标签的引用方式
查看>>
安卓第十三天笔记-服务(Service)
查看>>
css3学习笔记之背景
查看>>
Servlet接收JSP参数乱码问题解决办法
查看>>
【bzoj5016】[Snoi2017]一个简单的询问 莫队算法
查看>>
[dpdk] 熟悉SDK与初步使用 (二)(skeleton源码分析)
查看>>
Ajax : load()
查看>>
分布式版本控制系统
查看>>
MySQL-EXPLAIN执行计划Extra解释
查看>>
Zookeeper概述
查看>>
Zookeeper一致性级别
查看>>
分布式系统的一致性级别划分及Zookeeper一致性级别分析
查看>>
单例模式的几种实现方式及对比
查看>>